html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,del,dfn,em,img,ins,kbd,q,samp,small,strong,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,table,tbody,tfoot,thead,tr,th,td,article,aside,footer,header,nav,section {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
ul,ol,li {list-style:none}
body {-webkit-text-size-adjust:none; font-family:sans-serif; min-height:416px}
html,body {overflow:hidden; height:100%}

@font-face {
    font-family: 'Helventhin';
    src: url('font-helventhin/helveticaneuethn-webfont-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#help {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:101}
#help .hand {background:url(../css/img/help.png) no-repeat; position:absolute; left:65%; bottom:50px; background-size:contain; width:90px; height:176px }
#help .handA {-webkit-animation:aHand 1.5s linear infinite}
@-webkit-keyframes aHand {0% {-webkit-transform:scale(1.2); opacity:0} 20% {-webkit-transform:scale(1); opacity:1} 25% {left:65%} 75% {left:15%} 80% {-webkit-transform:scale(1); opacity:1} 100% {-webkit-transform:scale(1.2); opacity:0; left:15%}}

.loadingBox {background:url(img/loadingBg.png) center; background-size:30px; position:absolute; height:100%; width:100%; z-index:101}
.loading {position:fixed; z-index:99; top:45%; left:50%; margin:-50px 0 0 -50px; width:100px; width:100px; line-height:100px; text-align:center; color:#fff; font-size:40px; font-family:Helventhin; letter-spacing:-3px}
.loading em {font-style:normal; font-size:16px; margin:0 8px}
.loading .bg1 {background:url(img/loading_1.png) no-repeat; width:100px; height:100px; position:absolute; left:0; top:0; -webkit-animation:l1 3s linear infinite}
.loading .bg2 {background:url(img/loading_2.png) no-repeat; width:100px; height:100px; position:absolute; left:0; top:0; -webkit-animation:l2 3s linear infinite}
@-webkit-keyframes l1 {from {-webkit-transform:rotate(80deg)} to {-webkit-transform:rotate(440deg)}}
@-webkit-keyframes l2 {from {-webkit-transform:rotate(0deg)} to {-webkit-transform:rotate(-360deg)}}

#muen {position:fixed; z-index:100; bottom:0; left:0; width:100%; height:50px; background:#ccc}
#muen ul {height:100%; width:100%}
#muen li {float:left; width:25%; height:100%; position:relative; background:url(img/muen.png) no-repeat; background-size:27px}
#muen li:hover,#muen li.curr {background-color: #007C1C; background-image:url(img/muenHover.png)}
#muen li i {position:absolute; left:-1px; top:0; height:100%; border-right:rgba(255,255,255,.3) 1px solid; border-left:rgba(0,0,0,.3) 1px solid}
#muen .open i {display:none}
#muen li a {display:block; width:100%; height:100%}
#muen .open {background-position:center 0}
#muen .get {background-position:center -50px}
#muen .tel {background-position:center -100px}
#muen .follow {background-position:center -150px}
.swipe {overflow:hidden; visibility:hidden; position:fixed; left:0; top:0; background:#333}
.swipe-wrap {overflow:hidden; position:relative; height:100%}
.swipe-wrap > section {float:left; width:100%; height:100%; position:relative; background-size:cover; background-repeat:no-repeat}
.swipe-wrap > section img {width:100%; position:absolute; left:0; bottom:0}
.swipe-wrap > section h3,.swipe-wrap > section h4,.swipe-wrap > section h3,.swipe-wrap > section p {display:block; height:100%; width:100%; background-repeat:no-repeat; background-size:contain; position:absolute; left:0; top:0; z-index:10}
.nav {position:fixed; right:0; top:0; width:67%; background:url(img/navBg.png); background-size:20px; z-index:99; box-shadow:-2px 0 5px rgba(0,0,0,.5)}
.nav li {line-height:50px; height:50px; border-bottom:#aaa 1px solid; border-top:#ddd 1px solid; font-size:1rem}
.nav a {display:block; color: #007C1C; padding-left:60px; background:url(img/navIcon.png) no-repeat; background-size:50px 250px}
.nav .a1 a {background-position:10px 0}
.nav .a2 a {background-position:10px -50px}
.nav .a3 a {background-position:10px -100px}
.nav .a4 a {background-position:10px -150px}
.nav .a5 a {background-position:10px -200px}
.nav a:hover,.nav a.curr {background-color: #007C1C; background-image:url(img/navIconHover.png); color:#fff}
.nav li:hover {border-top-color:#ed9451}

.index {background:url(../images/idea/01.png) center}
.idea1-1 {background:url(../images/idea/02.jpg) right bottom}
.idea1-2 {background:url(../images/idea/03.jpg) left bottom}
.idea2-1 {background:url(../images/idea/04.jpg) right bottom}
.idea2-2 {background:url(../images/idea/05.jpg) left bottom}
.idea3-1 {background:url(../images/idea/06.jpg) center}
.idea3-2 {background:url(../images/idea/07.jpg) center}
.idea3-3 {background:url(../images/idea/08.jpg) center}
.idea4-1 {background:url(../images/idea/09.jpg) center}
.idea4-2 {background:url(../images/idea/10.jpg) center}
.idea4-3 {background:url(../images/idea/11.jpg) center}
#idea .t1 {background-image:url(../images/idea/t1.png); background-position:left 10%}
#idea .t2 {background-image:url(../images/idea/t2.png); background-position:left 10%}
#idea .t3 {background-image:url(../images/idea/t3.png); background-position:center}
#idea .t4 {background-image:url(../images/idea/t4.png); background-position:right 15%}
#idea .t5 {background-image:url(../images/idea/t5.png); background-position:left 15%}
#idea .t6 {background-image:url(../images/idea/t6.png); background-position:center}
#idea .t7 {background-image:url(../images/idea/t7.png); background-position:right 15%}
#idea .t8 {background-image:url(../images/idea/t8.png); background-position:right 90%}

.location-1 {background:url(../images/location/01.png) top}
.location-2 {background:url(../images/location/02.png) top}
.location-3 {background:url(../images/location/03.png) bottom}
.location-4,.location-5,.location-6 {background:url(../images/location/04.jpg) center top}
#location .t1 {background-image:url(../images/location/t1.png); background-position:left 10%}
#location .t2 {background-image:url(../images/location/t2.png); background-position:left 8%}
#location .t3 {background-image:url(../images/location/t3.png); background-position:center 15%}
#location .t4 {background-image:url(../images/location/t4.png); background-position:center 15%}
#location .t5 {background-image:url(../images/location/t5.png); background-position:center 15%}
#location .tt1 {background-image:url(../images/location/tt1.png); background-position:left bottom}
#location .tt3 {background-image:url(../images/location/tt3.png); background-position:center bottom}
#location .tt4 {background-image:url(../images/location/tt4.png); background-position:center bottom}
#location .tt5 {background-image:url(../images/location/tt5.png); background-position:center bottom}

.format-1 {background:url(../images/format/01.png) top}
.format-2 {background:url(../images/format/02.jpg) bottom}
.format-3 {background:url(../images/format/03.jpg) bottom}
.format-4 {background:url(../images/format/04.jpg) bottom}
.format-5 {background:url(../images/format/05.jpg) bottom}
.format-6 {background:url(../images/format/06.jpg) center}
#format p {height:auto; text-align:center; top:auto; font-weight:bold}
#format .t1 {background-image:url(../images/format/t1.png); background-position:center 7%}
#format .t2 {background-image:url(../images/format/t2.png); background-position:center 7%}
#format .t3 {background-image:url(../images/format/t3.png); background-position:center 7%}
#format .t4 {background-image:url(../images/format/t4.png); background-position:center 7%}
#format .t5 {background-image:url(../images/format/t5.png); background-position:center 7%}
#format .tt1 {bottom:4%; line-height:1.5em; font-size:0.9rem; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,.4)}
#format .tt2 {bottom:4%; line-height:1.5em; font-size:0.9rem; color:#999}
#format .tt3 {top:7%; margin-top:100px; line-height:1.5em; font-size:0.9rem; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,.4)}
#format .tt4 {top:7%; margin-top:100px; line-height:1.5em; font-size:0.9rem; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,.4)}
#format .tt5 {bottom:4%; line-height:1.5em; font-size:0.9rem; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,.4)}
#format .tt6 {bottom:4%; line-height:1.5em; font-size:0.9rem; color:#fff; text-shadow:1px 1px 3px rgba(0,0,0,.4)}
.format-2 .btn,.format-3 .btn,.format-4 .btn,.format-5 .btn,.format-6 .btn {width:60px; height:61px; position:absolute; z-index:999; left:50%; z-index:99; margin-left:-30px}
.format-2 .btn .b1,.format-3 .btn .b1,.format-4 .btn .b1,.format-5 .btn .b1,.format-6 .btn .b1 {display:block; width:100%; height:100%; background:url(../images/format/floorBtn.png) no-repeat; position:relative; z-index:10}
.format-2 .btn .b2,.format-3 .btn .b2,.format-4 .btn .b2,.format-5 .btn .b2,.format-6 .btn .b2 {width:88px; height:88px; position:absolute; z-index:1; left:-14px; top:-14px; background:url(../images/format/floorBtn.png) no-repeat; -webkit-animation:a0 1.2s linear infinite}
.format-2 .btn,.format-3 .btn {top:7%; margin-top:115px}
.format-4 .btn,.format-5 .btn {top:7%; margin-top:165px}
.format-6 .btn {bottom:4%; margin-bottom:205px}
.format-2 .btn,.format-2 .btn .b1 {background-position:0 0}
.format-3 .btn,.format-3 .btn .b1 {background-position:-148px 0}
.format-4 .btn,.format-4 .btn .b1 {background-position:-296px 0}
.format-5 .btn,.format-5 .btn .b1 {background-position:-444px 0}
.format-6 .btn,.format-6 .btn .b1 {background-position:-592px 0}
.format-2 .btn .b2 {background-position:-60px 0}
.format-3 .btn .b2 {background-position:-208px 0}
.format-4 .btn .b2 {background-position:-356px 0}
.format-5 .btn .b2 {background-position:-504px 0}
.format-6 .btn .b2 {background-position:-652px 0}
.format-map table {height:100%; width:100%; background:#fff}
.format-map table td {background:url(../images/format/mapBg.png) left top; background-size:12%; text-align:center; vertical-align:middle}
.format-map table td img {position:relative; width:80%}
@-webkit-keyframes a0 {0% {-webkit-transform:scale(0.7); opacity:1} 100% {-webkit-transform:scale(1.2); opacity:0}}

.crm-1 {background:url(../images/crm/01.png) top}
.crm-2 {background:url(../images/crm/02.png) bottom}
.crm-3 {background:#898989 url(../images/crm/03.png) bottom; background-size:contain!important}
.crm-4 {background:url(../images/crm/04.png) center top; background-repeat:repeat!important; background-size:45px!important}
#crm p {height:auto; top:auto; font-weight:bold}
#crm .t1 {background-image:url(../images/crm/t1.png); background-position:center 8%}
#crm .t2 {background-image:url(../images/crm/t2.png); background-position:center 8%}
#crm .t3 {background-image:url(../images/crm/t3.png); background-position:center 30%}
#crm .tt1 {bottom:4%; line-height:1.5em; text-align:center; font-size:0.8rem; color:#fff}
#crm .tt3 {top:30%; margin-top:70px; width:86%; left:7%; line-height:1.5em; font-size:0.9rem; color:#fff}

.about-1 {background:url(../images/about/01.png) top}
.about-2 {background:url(../images/about/02.jpg) top}
.about-3 {background:url(../images/about/03.png) bottom}
.about-4 {background:url(../images/about/04.png) bottom}

#about .t4 {background-image:url(../images/about/t4.png); background-position:center 7%}
#about .tt1 {color:#fff; font-size:0.9rem; margin:100px 6% 0; line-height:1.6em; width:88%}
#about .tt1 p {display:block; position:relative; margin-bottom:10px}
#about .tt1 p em {font-weight:bold; font-size:1.1rem; display:block}
#about .tt3 {background-image:url(../images/about/tt3.png); background-position:center /*background:url(../images/about/tt3-1.png) 10% center no-repeat,url(../images/about/tt3-2.png) 90% 90% no-repeat; background-size:30%*/}
#about .tt4 {background-image:url(../images/about/tt4.png); background-position:center 18%}

#follow {background:url(../images/follow/bg.png) no-repeat center; background-size:cover; text-align:center; color:#fff}
#follow section {position:relative; margin-top:50px}
/*#follow div {margin-top:80px}*/
#follow img {position:static; display:block; box-shadow:0 0 18px rgba(0,0,0,.2); margin:auto; width:auto}
#follow p {position:absolute; top:inherit; bottom:0; width:100%; height:auto; font-weight:bold; text-shadow:1px 1px 2px rgba(0,0,0,.5)}
.followNum {position:fixed; left:50%; bottom:15px; margin-left:-35px}
.followNum li {width:6px; height:6px; float:left; margin-right:10px; box-sizing:border-box; border:#fff 1px solid; border-radius:100%}
.followNum li.now {background:#fff}


/*iphone4*/
@media screen and (max-height:480px) {
.location-3 {background:url(../images/location/03-480.png) bottom}
#format p {font-size:0.9rem; line-height:1.4em; font-weight:normal}
#format .tt5 {font-size:0.8rem; line-height:1.2em}
#format .btn {-webkit-transform:scale(0.8); -moz-transform:scale(0.8); transform:scale(0.8)}
.format-2 .btn,.format-3 .btn {margin-top:100px}
.format-4 .btn,.format-5 .btn {margin-top:150px}
.format-6 .btn {margin-bottom:135px}
.crm-2 {background:url(../images/crm/02-480.png) bottom}
.crm-3 {background:#898989 url(../images/crm/03-480.png) bottom}
#about .tt1 p em {font-size:0.8rem}
#about .tt1 {font-size:0.7rem; margin:80px 6% 0; line-height:1.3em}
.about-4 {background:url(../images/about/04-480.png) bottom}
#about .tt4 {width:70%; left:15%}
}

/*横屏*/
@media screen and (orientation:landscape) {  
body * {display:none}
html,body {overflow:hidden; height:100%; min-height:inherit}
body {background:url(img/loadingBg.png) center; background-size:30px}
body:before {height:100%; width:100%; position:absolute; content:""; background:url(img/Warning.png) center no-repeat; background-size:200px}
}

.textBtn {text-align:center; padding-top:20px; position:absolute; left:0; width:100%; bottom:0; z-index:1}